<template>
    <div>
      <div>sdfsd</div>
      <div class="demo-image">
        <div class="imageblock" v-for="url in imageListurls" :key="url">
          <!-- <span class="demonstration">{{ fit }}</span> -->
          <el-image
            style="width: 200px; height: 100px"
            :src="url"
            :fit="cover"
            :preview-src-list="imageListurls"></el-image>
        </div>
      </div>
      
      
    </div>
  </template>
  
  <script>
    export default {
      data() {
        return {

        //   url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
        //   imageListurls:[
        //     require('../assets/study.jpeg'),
        //     require('../assets/yuzhou.jpeg'),
        //     require('../assets/xuhua.jpeg'),
        //     require('../assets/qihuan.jpeg'),
        //     require('../assets/miao.jpeg'),
        //     require('../assets/life.jpeg'),
        //     require('../assets/sky.jpeg'),

        //   ]
        imageListurls:[
            require('../../assets/study.jpeg'),
            require('../../assets/yuzhou.jpeg'),
            require('../../assets/xuhua.jpeg'),
            require('../../assets/qihuan.jpeg'),
            require('../../assets/miao.jpeg'),
            require('../../assets/life.jpeg'),
            require('../../assets/sky.jpeg'),

          ]
        }
      }
    }
  </script>
  
  <style scoped>
  .demo-image{
      /* top:50px;
      left:30px; */
    width: 900px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .imageblock{
    width: 220px;
    height: 120px;
    
  }
  
  </style>